<template>
	<div class="page flex-col">
		<div class="banner">
			<div class="flex-col">
				<div class="groupi_2 flex-col">
					<div class="text_15">
						<div v-html="baseinfo.user_agreement || '暂无内容'"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>
<script>

export default {
	data() {
		return {
			baseinfo: {}
		};
	},
	mounted() {
		const cachedData = localStorage.getItem('rcjj_base_data')
		if (cachedData) {
			this.baseinfo = JSON.parse(cachedData)
		}else{
			this.rcjjBaseData()
		}
	},
	methods: {
		async rcjjBaseData() {
			this.loading = this.$loading({
				lock: true,
				text: "加载中",
				spinner: "el-icon-loading",
				background: "rgba(255, 255, 255, 0.7)",
			});
			let res = await this.$service.get({
				url: "/api/rcjj/v1/rcjj_base_data",
			});
			
			if (this.loading) {
				this.loading.close();
			}
			if (res.code == 1) {
				this.baseinfo = res.info
				localStorage.setItem('rcjj_base_data', JSON.stringify(res.info))
			} else {
				this.$message.error(res.msg);
			}
		},
	},
};
</script>
<style scoped>
body * {
	box-sizing: border-box;
	flex-shrink: 0;
	background-color: transparent;
}

.banner {
	width: 95rem;
	margin: 0 auto;
}

body {
	font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
		Arial, PingFang SC-Light, Microsoft YaHei;
}

input {
	background-color: transparent;
	border: 0;
}

button {
	margin: 0;
	padding: 0;
	border: 0.0625rem solid transparent;
	outline: none;
	background-color: transparent;
}

button:active {
	opacity: 0.6;
}

.van-nav-bar__left:active,
.van-nav-bar__right:active {
	opacity: 1;
}

[class*="van-"]::after {
	border-bottom: 0;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.justify-start {
	display: flex;
	justify-content: flex-start;
}

.justify-center {
	display: flex;
	justify-content: center;
}

.justify-end {
	display: flex;
	justify-content: flex-end;
}

.justify-evenly {
	display: flex;
	justify-content: space-evenly;
}

.justify-around {
	display: flex;
	justify-content: space-around;
}

.justify-between {
	display: flex;
	justify-content: space-between;
}

.align-start {
	display: flex;
	align-items: flex-start;
}

.align-center {
	display: flex;
	align-items: center;
}

.align-end {
	display: flex;
	align-items: flex-end;
}

.page {
	background-color: rgba(246, 250, 255, 1);
	position: relative;
	padding-top: 48px;
	box-sizing: border-box;
}

.groupi_2 {
	box-shadow: 0rem 0.375rem 0.8125rem 0rem rgba(0, 0, 0, 0.09);
	background-color: rgba(255, 255, 255, 1);
	width: 95rem;
	margin: 0 0 5.1875rem 0rem;
	padding: 48px 77px;
	box-sizing: border-box;
}

.text_15 {
	color: rgba(0, 0, 0, 1);
	font-size: 1.3rem;
	font-weight: normal;
	text-align: left;
	line-height: 2.2rem;
}

/* 媒体查询，针对手机设备 */
@media (max-width: 768px) {
	.banner {
    width: 100%;
}
.groupi_2 {
    width: 100%;
    margin: 0 0 41px 0px;
    padding: 10px;
}
.page {
    padding-top: 30px;
}
}
</style>